/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html, body { height:100%;  min-width:960px;}	
body { 
	background: url(../images/bg.gif) top left repeat-x #fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#75a6c0;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.oh{ overflow:hidden}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width: 960px; }

.row .col-1{ width:269px; margin-right:0}
.row .col-2{ width:686px; margin-right:0}

.row1 .col-1{ width:119px; margin-right:2px}
.row1 .col-2{ width:119px; margin-right:0}



a{ color:#f94ba1; text-decoration:underline; outline:none}
a:hover{ text-decoration:none}
		
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{ overflow:hidden; margin-bottom:2px}
section ul.list li a{color:#f09236; font-weight:bold; text-decoration:none; line-height:24px; background:url(../images/marker1.png) top left no-repeat #e8f2f7; background-position:0 7px; margin:0; padding-left:23px; display:block; border-style: solid; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius:7px;  position:relative } 
section ul.list li a:hover { text-decoration:none; color:#fff; background:#72a3bc; }

section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li{ overflow:hidden; background:url(../images/tail.gif) bottom left repeat-x; padding:5px 0px 5px 0px; overflow:hidden ; }
section ul.list1 .last{ overflow:hidden; background:none }
section ul.list1 li a{color:#75a6c0; text-decoration:none; line-height:18px; font-size:14px; margin:0; padding-left:13px; background:url(../images/marker2.gif) top left no-repeat; background-position:0 5px; display:block } 
section ul.list1 li a:hover { text-decoration:none; background:url(../images/marker2-act.gif) top left no-repeat ; background-position:0 5px; color:#391111}

.link{color:#74a4bd; background:url(../images/marker.gif) center right no-repeat; padding-right:9px; text-decoration:underline; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase  }
.link:hover{text-decoration: underline; color:#391111;  background:url(../images/marker-act.gif) center right no-repeat;  }

.link1{ color:#391111; text-decoration:underline; float:right; display: inline-block; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase}
.link1:hover{ text-decoration:none; color:#74a4bd;}


.link-1 { display:inline-block; float:right; line-height:28px; background:url(http://cdn.livedemo00.template-help.com/wt_34356/images/marker2.png) no-repeat 100% 11px #27960c; padding:0 17px 0 13px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:5px;	-moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; position:relative; behavior:url(http://cdn.livedemo00.template-help.com/wt_34356/css/js/PIE.htc);}
.link-1:hover {background:#000; text-decoration:none; color:#fff}


.link-2 { display:block; float:left; background:url(http://cdn.livedemo00.template-help.com/wt_34356/images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(http://cdn.livedemo00.template-help.com/wt_34356/images/link_left.gif) left top no-repeat;}
.link-2  b { display:block; background:url(http://cdn.livedemo00.template-help.com/wt_34356/images/link_right.gif) right top no-repeat; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}


.bg1{ width:50%; position:absolute; right:0; height:152px; background:url(../images/bg1.gif) top left repeat-x}

	
.button-video {position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -34px; z-index:2; display:block; background:url(../images/button-video.png) 0 0 no-repeat;}
.button-video:hover {background:url(../images/button-video-h.png) 0 0 no-repeat;}

/*header*/
header {font-size:0.75em; color:#FFFFFF; height:192px; position: relative; z-index:900; background:url(../images/top.jpg) top center no-repeat}
header .indent{ top:90px; left:271px; position:absolute; padding:0; width:555px}
header .indent1{ top:38px; right:40px; position:absolute; padding:0; width:170px; color:#fff}
header .indent1 a{ font-weight:bold; color:#fff; text-decoration:underline}
header .indent1 a:hover{ font-weight:bold; color:#391111; text-decoration:none}
header .inside{ top:138px; left:245px; position:absolute; padding:0; width:712px}
header .indent3{ top:98px; left:530px; position:absolute; padding:0; width:230px; text-transform:uppercase; font-size:11px}
header .indent3 a{ font-weight:bold; color:#fff; text-decoration:underline}
header .indent3 a:hover{ font-weight:bold; color:#391111; text-decoration:none}

header h1 {position:absolute; left:29px; top:90px; text-indent:-9999px;}
header h1 a { display:block; width:201px; height:70px; background:url(../images/logo.gif) no-repeat left top;	}



/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:0;	list-style: none; z-index:90000; position:relative; background:url(../images/bg_li.gif) top left no-repeat; float:left } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left; background:url(../images/bg_li.gif) top right no-repeat; padding-right:2px}
.sf-menu .last{background:none; padding:0}
.sf-menu .last a{ width:115px}
.sf-menu li a{color:#391111; text-decoration:none; display:block; float:left; line-height:45px;  width:117px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px } 
.sf-menu li a:hover {color:#fff;  text-decoration:none; background:url(../images/bg_menu.gif) top left repeat-x;  }
.sf-menu li a.current{ color:#fff; text-decoration:none; background:url(../images/bg_menu.gif) top left repeat-x; }

.sf-menu .last a:hover {color:#fff;  text-decoration:none; background:url(../images/bg_menu.gif) top left repeat-x; border-style: solid; border-radius:0 0 7px 0; -moz-border-radius:0 0 7px 0; -webkit-border-radius: 0 0 7px 0; position:relative  }
.sf-menu .last a.current{ color:#fff; text-decoration:none; background:url(../images/bg_menu.gif) top left repeat-x; }

.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:45px; z-index:99;}


/*** DEMO SKIN ***/
.sf-menu ul {	width:162px; background:#391111; overflow:hidden; border-style: solid; border-radius:0 11px 11px 11px; -moz-border-radius:0 11px 11px 11px; -webkit-border-radius:0 11px 11px 11px; padding:10px 0px 10px 0px}
.sf-menu ul li {  text-align:left; padding:0;  z-index:9; position:relative; padding-bottom:6px; margin:0  }
.sf-menu ul li a {text-transform:none; line-height:20px;  text-align:left; width:121px; padding-left:43px; font-size:14px; color:#fff;  z-index:9; background:none}
.sf-menu ul li a:hover { color:#252525; background:none;  background: url(../images/bg_menu1.gif) top left repeat-x;}


.sf-menu ul ul { background:none; padding:0px; position:relative }
.sf-menu ul ul a {text-transform:none; line-height:20px; text-align:left; width:92px; padding:0 0 0 72px; font-size:11px; color:#fff; z-index:9; background:none; }
.sf-menu ul ul a:hover { color:#fff;background: url(../images/bg_menu2.gif) top left no-repeat;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {	left: 0;	top:45px; /* match top ul list item height */	z-index: 99;}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {  /* match ul width */ top:0; margin-left:1px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

.sf-sub-indicator {	position: absolute;	display:none; text-indent:-999em; overflow:hidden;}

.block{ background:url(../images/bg_block.png) top left no-repeat; width:686px; height:348px}
.block .indent-block{padding:10px 9px 11px 11px}

/*content*/
section{ font-size:0.75em; width:100%; text-align:left; position:relative}
section .inside{padding:10px 0px 35px 0px}
.img-left{ float:left; margin:0 18px 0px 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
.p2{ margin:0 0 7px 0}
h1{color:#391111; font-size:30px; font-weight:normal; margin-bottom:11px; line-height:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px}
h2{color:#391111; font-size:24px; font-weight:normal; margin-bottom:13px; line-height:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px}
h4{color:#f09437; font-size:14px; margin-bottom:7px;  }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt-1{ color:#391111; text-transform:uppercase; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.txt-1 a{ color:#391111;}
.pr{ position:relative}

.txt{ color:#391111}

.banner{ margin-bottom:10px}
.indent{padding:18px 0px 0px 0px}
.indent1{padding:15px 0px 0px 0px}
.indent2{padding:5px 25px 5px 0px}
.pad{padding:5px 0px 0px 0px}
.pad1{padding:0px 0px 0px 9px}
.pad2{padding:0px 0px 0px 5px}
.pad3{padding:0px 4px 0px 5px}
.pad4{padding:0px 30px 0px 0px}
.indent-1{ position:absolute; top:0px; right:17px; color:#92b8ca; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; line-height:1.2em}
.indent-1 span{ color:#f09236}

.box { width:418px; background:url(../images/bg_box.gif) top left no-repeat; border: solid pink 2px }

.table{ border-left:1px solid #dfedf3}
table a{ color:#f09437; font-size:14px; font-weight:bold; text-decoration:none}
table a:hover{ text-decoration:none; color:#74a4bd}
.td1{ height:38px; width:153px; text-align:center; line-height:38px; color:#fff; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.td2{ height:38px; width:124px; text-align:center; line-height:38px; color:#fff; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.td3{ height:38px; width:70px; text-align:center; line-height:38px; color:#fff; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

.td4{ height:30px; width:135px; line-height:30px; padding-left:17px; border-left:1px solid #dfedf3; border-right:1px solid #dfedf3;  }
.td5{ height:30px; width:105px; line-height:30px; padding-left:17px; border-right:1px solid #dfedf3 ;}
.td6{ height:30px; width:69px; text-align:center; line-height:30px; border-right:1px solid #dfedf3 ;}

.td7{ height:30px; width:135px; line-height:30px; padding-left:17px; border-left:1px solid #dfedf3; border-right:1px solid #dfedf3; background:#eff6f9  }
.td8{ height:30px; width:105px; line-height:30px; padding-left:17px; border-right:1px solid #dfedf3; background:#eff6f9 ;}
.td9{ height:30px; width:69px; text-align:center; line-height:30px; border-right:1px solid #dfedf3; background:#eff6f9 ;}


.box2{ background: url(../images/bg_box2.gif) top left repeat-y; width:100%}
.indent-box{padding:0px 10px 10px 16px; line-height:19px; font-size:13px}
.indent-box1{padding:7px 10px 11px 16px; line-height:19px; font-size:13px}
.indent-box2{padding:7px 10px 5px 16px; line-height:19px; font-size:13px}
.box3{ background: url(../images/bg_box3.gif) top left repeat-y; width:100%; color:#6d6d6d}

/*footer*/
footer {position:absolute;  left:20%; top: 120%; color:#74a4bd; font-size:0.75em; background:url(../images/bot.png) top center no-repeat}
footer .inside{ padding:20px 0px 35px 0px }
footer a {color:#74a4bd; text-decoration:none}  
footer a:hover {  text-decoration:underline}

footer ul{margin:0; padding:0; list-style:none;}
footer ul li{ overflow:hidden}
footer ul li a{color:#689bb4; text-decoration:none; line-height:22px; background:url(../images/marker.gif) top left no-repeat; background-position:0 4px; margin:0; padding-left:15px; } 
footer ul li a:hover { text-decoration:none; color:#401414; background:url(../images/marker-act.gif) top left no-repeat; background-position:0 4px; }

footer ul.icon{margin:0; padding:0 0 0 6px; list-style:none;}
footer ul.icon li{ padding-left:6px; display:inline; margin:0; float:left}
footer ul.icon li a{color:#14acba; text-decoration:none; padding:0} 
footer ul.icon li a:hover { text-decoration:none;}

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:30px}
.rowElem1{ height:30px; background:url(../images/bg_input.png) top left no-repeat}
.rowElem1 a{ text-transform:uppercase; color:#ffffff; text-decoration:underline; font-size:11px; vertical-align:middle}
.rowElem1 a:hover{ text-transform:uppercase; color:#391111; text-decoration:none}
.rowElem1 .button{color:#fff; background:url(../images/button.png) top left no-repeat; width:74px; text-align:center; line-height:30px; display:block; text-decoration:none; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.rowElem1 .button:hover{text-decoration:none;background:url(../images/button.png) bottom left no-repeat; color:#fff;  }
.block-contact span{ float:right; margin-right:20px}

.rowElem2{ height:43px; background:url(../images/bg_input1.gif) top left no-repeat}
.input{
   	border:none; 
	background:none;
	width:213px; height:20px;
	font-size:11px;
	vertical-align:middle;
	text-transform:uppercase;
	color:#91bcd3;
	padding-left:20px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:16px;
	float:left;
}.input1{
   	border:none; 
	background:none;
	width:200px; height:20px;
	font-size:13px;
	vertical-align:middle;
	color:#91bcd3;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:16px;
	float:left;
}


/* Contact form */
#contact-form {	overflow:hidden;	position:relative;	vertical-align:top;	}
	#contact-form fieldset {border:none;padding:0;}
		#contact-form .field {overflow:hidden; padding:0 0 15px 0px;}
			#contact-form input[type=text] {
				width:208px;
				padding:6px 10px 6px 10px;
				background:#f2f2f2; 
				border-top:1px solid #b1b1b1;
				border-left:1px solid #b1b1b1;
				border-bottom:1px solid #f2f2f2;
				border-right:1px solid #f2f2f2;
				display:block;
				color:#b1b1b1;
				border-style: solid; border-radius:21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; position:relative
			}
			#contact-form.main-contacts .field input { margin-top:4px; }
			#contact-form textarea {		
				width:208px;			
				height:100px;
				background:#f2f2f2; 
				border-top:1px solid #b1b1b1;
				border-left:1px solid #b1b1b1;
				border-bottom:1px solid #f2f2f2;
				border-right:1px solid #f2f2f2;
				padding:9px 10px 9px 10px;
				overflow:auto;
				display:block;
				margin-bottom:15px;
				color:#b1b1b1;
				border-style: solid; border-radius:21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; position:relative
				}
				#contact-form a {cursor:pointer;}
				#contact-form .alignright {padding-top:12px;}
					#contact-form small {color:red;font-weight:bold;padding:0 0 0 5px;}
			#contact-form label {padding:0 0 2px 5px;display:inline-block;}
			#contact-form strong {padding:0 0 2px 9px;display:inline-block;color:#838383;}
				#contact-form .error {color:red; display:none}
		.buttons-wrapper {padding-top:30px;}
		
		#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
		#contact-form.main-contacts .buttons-wrapper a {
			float:right !important;
			margin:0 0 0 12px;
			}
	
	
/* Lightbox image */
.lightbox-image {	position:relative;	overflow:hidden; display:block	}
.lightbox-image1 {	position:relative;	overflow:hidden; float:left	}
	.lightbox-image img {		position:relative;		z-index:2;		}
	.lightbox-image span {		display:block;		position:absolute;		left:0;		top:0;		width:100%;		height:100%;		background:url(../images/magnify.png) no-repeat 50% 50%;		z-index:1;		}
	.lightbox-image1 img {		position:relative;		z-index:2;		}
	.lightbox-image1 span {		display:block;		position:absolute;		left:0;		top:0;		width:100%;		height:100%;		background:url(../images/magnify.png) no-repeat 50% 50%;		z-index:1;		}
	
/* Easy Tooltip */
#easyTooltip{
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	color:#a7a7a7;
	font-size:11px;
	text-transform:none;
	z-index:900;
	position:relative
}
/* // Easy Tooltip */




/*********faded************/
#faded {position:relative;  top:0; left:0; height:327px;  z-index:1;}
#faded .pagination {position:absolute; top:0px; left:0px; width:667px; z-index:10;}
#faded .pagination li {float:left; line-height:0; font-size:0; padding-right:3px}
#faded .pagination li a {display:block; float:left; width:22px; height:22px; text-indent:-200px; text-decoration:none; background:url(http://cdn.livedemo00.template-help.com/wt_34356/images/bull.png) 0 0 no-repeat; text-indent:-5000px;}
#faded .pagination li a:hover, #faded .pagination li.current a {background:url(http://cdn.livedemo00.template-help.com/wt_34356/images/bull-h.png) 0 0 no-repeat;} 

#faded li .box-1 {position:absolute; left:0px; top:0px; width:667px; font-size:20px; line-height:1.2em; color:#391111}
.info{ position:absolute; top:35px; right:15px; width:175px; background:#fff}
	

	
.prev{ width:42px; height:42px; background:url(../images/but_1.png) top left no-repeat; display: block; float:right; position:absolute; right:62px; bottom:20px; z-index:900}
.prev:hover{ width:42px; height:42px; background:url(../images/but_1.png) bottom left no-repeat}
.next{ width:42px; height:42px; background:url(../images/but_2.png) top left no-repeat; display: block; float:right; position:absolute; right:16px; bottom:20px; z-index:900}
.next:hover{ width:42px; height:42px; background:url(../images/but_2.png) bottom left no-repeat}
